<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改审核详情</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <link rel="stylesheet" href="/css/skin.css"/>
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/bootstrap-multitabs/multitabs.min.css">

    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />
    <link rel="stylesheet" href="/js/need/verfont.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/contractManager/user/contractDetail.css"/>
    <style>
        .productDetails{
            background: rgb(244, 247, 250);
        }
        #productTotal{
            width: 100%;
            margin-top: 20px;
            padding: 24px;
            border-radius: 5px;
        }
        .productDetailsItem{
            width: 33% !important;
        }
        .orderDetails table td{
            width: 33%;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="card">
        <input type="text" hidden="hidden" id="examineId" th:value="${examineId}">
        <input type="text" hidden="hidden" id="examineState" th:value="${examineState}">
        <input type="text" hidden="hidden" id="examineInfo" th:value="${examineInfo}">
        <input type="text" hidden="hidden" id="examineType" th:value="${examineType}">
        <div class="card-header">
            <h1><img src="/images/finance/orderInfo/icon1.png" alt="">订单详情 <span id="orderNum">（订单编号：<span ></span>）</span></h1>
        </div>
        <div class="card-body">
            <div class="orderDetails">
                <table>
                    <tbody>
                    <tr>
                        <td>合同类型：<span class="text" id="contractType"></span></td>
                        <td>合同起止日期：
                            <span class="text"  id="starTime" ></span> 至
                            <span class="text"  id="endTime"></span></td>
                        <td>合作开发人员：
                            <span>
                            <a href="#!" data-toggle="modal" data-target="#cooperateModal"  onclick="viewCooperate()">查看</a>
                        </span>
                        </td>
                    </tr>
                    <tr>
                        <td>合同编号：<span class="text" id="contractNumber"></span></td>
                        <td>订单状态： <input type="hidden" id="orderFinish">
                            <span class="orderVoid" style="color: #657082">等待回款</span>
                            <span class="orderVoid2" style="color: #657082">已完成</span>
                            <span class="orderVoid3" style="color: #657082">作废</span>
                            <span class="orderVoid4" style="color: #657082">部分回款</span>
                            <span class="orderVoid5" style="color: #657082">预回款</span>
                        </td>
                        <td>订单所有人：<span class="text"  id="createPeopleName"></span></td>
                    </tr>
                    <tr>
                        <td>订单创建时间：<span class="text" id="createTm"></span></td>
                        <td>所属分公司：<span class="text" id="companyName"></span></td>
                        <td>客户名称：<span class="text" id="customerName"></span></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="productDetails clearfix well" id="productTotal" >
                <div class="productDetailsItem  pull-left">
                    <div class="img pull-left" style="margin-top: 10px">
                        <img src="/images/finance/orderInfo/icon3.png" alt="">
                    </div>
                    <div class="productDetailsList clearfix" style="border-right: 1px solid #CCD2DB">
                        <div class="pull-left" style="width: calc(100% - 50px)">
                            <div class="productDetailsTitle">订单总金额</div>
                            <div class="productDetailsNum" id="orderActualTotalAmount"></div>
                        </div>
                    </div>
                </div>
                <div class="productDetailsItem pull-left">
                    <div class="img pull-left" style="margin-top: 10px">
                        <img src="/images/finance/orderInfo/icon4.png" alt="">
                    </div>
                    <div class="productDetailsList clearfix" style="border-right: 1px solid #CCD2DB">
                        <div class="pull-left" style="width: calc(100% - 50px)">
                            <div class="productDetailsTitle">当前回款</div>
                            <div class="productDetailsNum" id="returnMoneyAmount"></div>
                        </div>
                    </div>
                </div>
                <div class="productDetailsItem  pull-left">
                    <div class="img pull-left" style="margin-top: 10px">
                        <img src="/images/finance/orderInfo/icon5.png" alt="">
                    </div>
                    <div class="productDetailsList clearfix">
                        <div class="pull-left" style="width: calc(100% - 50px)">
                            <div class="productDetailsTitle">当前尾款</div>
                            <div class="productDetailsNum" id="residueMoneyAmount"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="well form-well" style="margin-top: 20px">
                <h3>产品明细</h3>
                <div  id="ProductDetailsList"></div>
            </div>
            <div class="well form-well" style="margin-top: 20px">
                <h3>回款记录</h3>
                <table  id="payBackTable"></table>
            </div>
            <div class="well form-well" id="orderCollectionBox">
                <h3>修改记录</h3>
                <table id="orderCollection"></table>
            </div>
            <div class="well form-well" style="margin-top: 20px"  id="auditTableBox">
                <h3 id="auditTitle">当前审核</h3>
                <table  id="auditTable"></table>
            </div>
            <div class="row" style="padding: 0 20px">
                <div class="col-lg-6 col-md-5 col-sm-12 col-xs-12 ">
                    <div class="well form-well">
                        <h3>解除关联备注</h3>
                        <textarea id="relationReason" type="text" disabled class="form-control textarea" style="height: 100px" maxlength="100" ></textarea>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 ">
                    <div class="well form-well">
                        <h3 class="label-required">审核原因</h3>
                        <textarea id="removeNote" type="text" class="form-control textarea" style="height: 100px" maxlength="300" ></textarea>
                    </div>

                </div>
            </div>
            <div class="modal-footer" style="text-align: center">
                <button type="button" class="btn btn-primary" onclick="reviewButton(1)">同意解除关联</button>
                <button type="button" class="btn btn-default" onclick="reviewButton(2)">不允许解除关联</button>
            </div>
        </div>
    </div>
</div>
<!-- 合作开发人员列表 -->
<div class="modal fade" tabindex="-1" role="dialog" id="cooperateModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4>合作开发人员</h4>
            </div>
            <div class="modal-body" style="padding-bottom: 18px;">
                <table id="cooperateTable"></table>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>
<!--对话框-->
<script src="/js/jconfirm/jquery-confirm.min.js"></script>

<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<script type="text/javascript" src="/js/bootstrap-multitabs/multitabs.js"></script>
<!--日期选择插件-->
<!--<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<script src="/js/verSelect.2.0.js"></script>-->


<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>

<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!-- 通用js -->
<script src="/js/crm/common/common.js"></script>
<script src="/js/crm/finance/updateExamineDetails.js"></script>
</body>
</html>